<template>
    <div class="leftContent">
        <LeftTop/>
        <LeftCenter/>
        <LeftBottom/>
    </div>
</template>

<script>
import LeftTop from "./components/LeftTop"
import LeftCenter from "./components/LeftCenter"
import LeftBottom from "./components/LeftBottom"
export default {
    components:{
        LeftTop,
        LeftCenter,
        LeftBottom
    }
}
</script>

<style lang="stylus" scoped>
    @import '../../assets/css/varibles.styl'
    .leftContent
        width:vw(530)
        height:vh(950)
        position:absolute
        left:vw(7)
        top:vh(112)
        z-index:100
        display:flex
        flex-direction :column
        justify-content:space-between
        background:rgba(1,23,64,.3)
        
</style>